<template>
  <div class="get-started">
    <div class="example">
        <div class="example-tit">1. 注册界面</div>
        <img class="example-img" src="static/imgs/new-guide/n1.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">2. 首次登陆</div>
        <img class="example-img" src="static/imgs/new-guide/n2.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">3. 实名认证</div>
        <img class="example-img" src="static/imgs/new-guide/n3.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">4.1. 绑定淘宝</div>
        <img class="example-img" src="static/imgs/new-guide/n4.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">4.2. 绑定淘宝</div>
        <img class="example-img" src="static/imgs/new-guide/n5.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">5. 绑定银行卡</div>
        <img class="example-img" src="static/imgs/new-guide/n6.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">6. 新手任务完成获得佣金</div>
        <img class="example-img" src="static/imgs/new-guide/n7.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">7. 任务类型</div>
        <img class="example-img" src="static/imgs/new-guide/n8.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">8. 任务列表</div>
        <img class="example-img" src="static/imgs/new-guide/n9.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">9. 任务详情</div>
        <img class="example-img" src="static/imgs/new-guide/n10.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">10. 接任务</div>
        <img class="example-img" src="static/imgs/new-guide/n11.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">11. 代操作任务</div>
        <img class="example-img" src="static/imgs/new-guide/n12.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">12.1. 操作任务</div>
        <img class="example-img" src="static/imgs/new-guide/n13.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">12.2. 操作任务</div>
        <img class="example-img" src="static/imgs/new-guide/n14.png" alt="">
    </div>
    <div class="example">
        <div class="example-tit">13. 任务待发货</div>
        <img class="example-img" src="static/imgs/new-guide/n15.png" alt="">
    </div>
  </div>
</template>

<script>
  export default {
    name: "getstarted",
  }
</script>

<style lang="less" scoped>
  .get-started {
    font-size: 0.16rem;
    text-align: center;
    background: #efeff4;
    .example {
      background: white;
      .example-tit {
        color: #E43A45;
        margin-top: 0.1rem;
        padding-top: 0.14rem;
        margin-bottom: 0.14rem;
      }
      .example-img {
        width: 3rem;
        margin: 0 auto;
      }
    }
  }
</style>
